<script setup lang="ts">
import TodolistItem from "../components/TodolistItem.vue";
const props = defineProps(["todos"]);
</script>

<template>
  <div>
    <!-- 备忘列表 -->
    <div class="todo-list">
      <TodolistItem
        v-for="todo in todos"
        :key="todo.id"
        :todo="todo"
        @change-state="todo.completed = $event.target.checked"
      ></TodolistItem>
    </div>
  </div>
</template>

<style scoped></style>
